<!--
  Generated template for the ShopCommentPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>查看评价</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <div  style="margin-top:3.7rem;">
    <div class='selectStyle'>
      <span class='options' (click)='changeStyle(0)' [ngClass]="{'checked':isChose==0}">全部</span>
      <span class='options' (click)='changeStyle(1)' [ngClass]="{'checked':isChose==1}">最新</span>
      <span class='options' (click)='changeStyle(2)' [ngClass]="{'checked':isChose==2}">有图({{commenthasPic}})</span>
      <span class='options' (click)='changeStyle(3)' [ngClass]="{'checked':isChose==3}">好评({{goodCommentCount}})</span>
      <span class='options' (click)='changeStyle(4)' [ngClass]="{'checked':isChose==4}">中评({{normalCommentCount}})</span>
      <span class='options' (click)='changeStyle(5)' [ngClass]="{'checked':isChose==5}">差评({{badCommentCount}})</span>
    </div>
    <div class="cont4">
      <div class="text1">
        <span>宝宝评价( {{data.length}} )</span>
      </div>
      <div class="text2" *ngFor="let list of data, let i = index">
        <ion-list>
          <ion-item style="border: 0px;line-height: 30px;padding-left: 0px;">
            <ion-avatar class='ion-user-avator' item-start style="margin-left: 15px;">
              <img class='userAvator' src="{{picrooturl}}{{list.user_avator}}">
            </ion-avatar>
            <h2>{{list.user_nickname }}</h2>
            <p>{{list.remark_time}}</p>
          </ion-item>
          <span>{{list.remark_content}}</span>
          <div class='imgContent' text-center>
            <img *ngIf='list.remark_img_first != ""' src="{{picrooturl}}{{list.remark_img_first}}" alt="">
            <img *ngIf='list.remark_img_second != ""' src="{{picrooturl}}{{list.remark_img_second}}" alt="">
            <img *ngIf='list.remark_img_third != ""' src="{{picrooturl}}{{list.remark_img_third}}" alt="">
          </div>
        </ion-list>
      </div>
    </div>
  </div>
  <div class="cont6">
    <div class="text1"><img src="assets/img/ios/dianpu@2x.png" alt=""><br><span> 店铺</span></div>
    <div class="text2"><img src="assets/img/ios/shangcheng@2x.png" alt=""><br><span>商城</span></div>
    <div (click)="obout()" *ngIf="is_collection==0" class="text3"><img src="assets/img/ios/shoucang-border@2x.png" alt=""><br><span>收藏</span></div>
    <div (click)="obout()" *ngIf="is_collection==1" class="text3"><img src="assets/img/ios/shoucang@2x.png" alt=""><br><span>收藏</span></div>
    <!-- <div class="text4">加入购物车</div> -->
    <div class="text5" (click)="topromptlyBuy(goods.service_price,goods.nail_name) ">立即购买</div>
  </div>
</ion-content>
